// v-model v-on v-bind
// Vue.directive 是用来封装全局指定的  v-imgerror
// 1.指令名：imgerror
// 2. 对象
// 指令是用在dom元素
// 导出了一个imgerror的对象
export const imgerror = {
  // inserted作用 当你使用了当前指令的时候 会在dom元素插入之后执行
  inserted(el, binding) {
    // el指向的是当前html标签
    // console.log(el)
    // binding.value 的值你在使用指令的时候传入过来的值
    // console.log(binding.value)
    el.onerror = function() {
      // console.log(binding.value)
      el.src = binding.value
    }
  }
}

export const color = {
  inserted(el, binding) {
    el.style.color = binding.value
  }
}
